<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>相关图集</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="top">
        <ul class="loginbar clearboth container">
            <li><a href="index.html">跳进地理书的旅行</a></li>
            <li>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="rigister.html">注册</a></li>
            <li><a href="login.html">登录</a></li>
        </ul>
    </div>
    <div id="header">
        <ul class="nav clearboth container">
            <li><a href="index.html">首页</a></li>
            <li><a href="role_intro.html">成员介绍</a></li>
            <li><a href="contactus.html">相关图集</a></li>
            <li><a href="atlas.html">回忆唱片</a></li>
            <li><a href="video.html">精彩瞬间</a></li>
            <li><a href="yulu.html">旅行语录</a></li>
            <li><a href="bochu.html">收视情况</a></li>
        </ul>
    </div>
    <div class="child-banner clear"></div>
    <div class="contactus-banner clear"></div>
    <div class="column-title">
        <h3>相关图集</h3>
    </div>
    <div class="container atlas-wrapper">
    <div class="computer-img-wrapper flexbox">
        <img src="images/tuji1.jpg" alt="">
        <img src="images/tuji2.jpg" alt="">
        <img src="images/tuji3.jpg" alt="">
        <img src="images/tuji4.jpg" alt="">
        <img src="images/tuji5.jpg" alt="">
        <img src="images/tuji6.jpg" alt="">
        <img src="images/tuji7.jpg" alt="">
        <img src="images/ti8.jpg" alt="">
        <img src="images/tuji9.jpg" alt="">
        <img src="images/tuji10.jpg" alt="">
        <img src="images/tuji11.jpg" alt="">
        <img src="images/tuji12.jpg" alt="">
    </div>
    <div class="copyright">
        202201140011 陈鑫 数媒22-2
    </div>
</body>

</html>